/* --------------------------------------------------- ABM CLASES ----------------------------------------------------------------*/
$(document).ready(function(){
	var oTable1 = $('#sample-table-2').dataTable({
		//Permite o no guardar el numero de pagina que estaba seleccionada mediante una cookie y al recargar no se pierde la seleccion
		"bStateSave":true,
		//Permite poner los elementos del combo para cambiar la cantidad de filas a visualizar
		"aLengthMenu": [[30, 10, 25, -1], [30, 10, 25, "Todos"]],
		//Cantidad de filas de la tabla por pagina
		"iDisplayLength":30,
		//Ordena las filas por el valor de la columna n de forma ascendente o descendente. La columna inicial es la 0
		"aaSorting": [[ 1, "desc" ]],
		//Para que los mensajes se muestren en español
		"oLanguage": {
			"sProcessing":   "Procesando...",
			"sLengthMenu":   "Mostrar _MENU_ registros",
			"sZeroRecords":  "No se encontraron resultados",
			"sInfo":         "Mostrando desde _START_ hasta _END_ de _TOTAL_ registros",
			"sInfoEmpty":    "Mostrando desde 0 hasta 0 de 0 registros",
			"sInfoFiltered": "(filtrado de _MAX_ registros en total)",
			"sInfoPostFix":  "",
			"sSearch":       "Buscar:",
			"sUrl":          "",
			"oPaginate": {
				"sFirst":    "Primero",
				"sPrevious": "Anterior",
				"sNext":     "Siguiente",
				"sLast":     "&Uacute;ltimo"
			}
		},
		
		"aoColumns": [
		  { "bSortable": false }, { "bSortable": true }, { "bSortable": true }, { "bSortable": true },  { "bSortable": true }, { "bSortable": true }
		]
	});
});

/*Este metodo se llama cuando en el metodo consultar registros se cambia la seleccion en el filtro*/
function filtrarClases(tipo, url){
	var cicloLectivo = document.getElementById("cicloLectivo");
	var asignatura = document.getElementById("asignatura");
	
	if(tipo == 1){
		asignatura.value = 0;
	}
	
	window.location = url + "/" + cicloLectivo.value + "/" + asignatura.value + ".html";
}

/*Este metodo se llama cuando en el metodo consultar clases se aprieta el boton eliminar de cada registro*/
function eliminarClase(url, nombre){
	var resp = confirm("Realmente desea eliminar la clase: '"+nombre+"'?");
	if(resp == true){
		$("#cuerpo").load(url, function(){});
	}
}

//Este metodo se llama para filtrar las asignaciones (asignaturas dictadas por un profesor) en la pantalla crear o modificar clase
function filtrarAsignaciones(url){
	var cicloLectivo = document.getElementById("cicloLectivo");
		
	$("#asignatura").load(url + "/" + cicloLectivo.value);
}

//Este metodo se llama cuando se tiene que limpiar el formulario
function limpiarCampos(){
	var cicloLectivo = document.getElementById("cicloLectivo");
	var asignatura = document.getElementById("asignatura");
	var fechaPublicacion = document.getElementById("fechaPublicacion");
	var nombre = document.getElementById("nombre");	
	var descripcion = document.getElementById("descripcion");
	var estado = document.getElementById("estado");
	
	//Inicializamos todos campos a vacios.		
	//cicloLectivo.value = "0";
	//asignatura.value = "0";
	nombre.value = "";
	descripcion.value = "";
	estado.value = "1";
	
	//Si habia algun campo marcado como incompleto lo ponemos a la normalidad		
	$("#campoCicloLectivo").removeClass("has-error");
	$("#campoAsignatura").removeClass("has-error");
	$("#campoFechaPublicacion").removeClass("has-error");
	$("#campoNombre").removeClass("has-error");
	
	//Le damos el foco al primer campo a completar
	$("#cicloLectivo").focus();
}

//Este metodo se llama cuando se tiene que crear una clase nueva
function crearClase(){
	//Formulario de la primer pestaña - Crear Clase
	var cicloLectivo = document.getElementById("cicloLectivo");	
	var asignatura = document.getElementById("asignatura");	
	var fechaPublicacion = document.getElementById("fechaPublicacion");	
	var nombre = document.getElementById("nombre");	
	var descripcion = document.getElementById("descripcion");
	var estado = document.getElementById("estado");
	
	//Formulario de la segunda pestaña - Crear Contenido
	var nombreContenidoEducativo = document.getElementById("nombreContenidoEducativo");	
	var archivo = document.getElementById("archivo");
	var descripcionContenidoEducativo = document.getElementById("descripcionContenidoEducativo");
	
	//Tabla de la tercer pestaña - Consultar contenido
	var tabla = document.getElementById("tabla-contenidos-educativos");
			
	if(asignatura.value!="0" && fechaPublicacion.value!="" && nombre.value!=""){
		//Enviamos el formulario al servidor para que se procese la transaccion
		var formulario = document.getElementById("formClase");
		formulario.submit();
		
		//Inicializamos todos campos a vacios.
		//Formulario de la primer pestaña
		nombre.value = "";
		descripcion.value = "";
		estado.value = "1";
		
		//Formulario de la segunda pestaña
		nombreContenidoEducativo.value = "";
		archivo.value = "";
		descripcionContenidoEducativo.value = "";
		
		//Tabla de la tercer pestaña
		$('#tabla-contenidos-educativos').html('');
		
		//Si habia algun campo marcado como incompleto lo ponemos a la normalidad		
		//Formulario de la primer pestaña
		$("#campoCicloLectivo").removeClass("has-error");
		$("#campoAsignatura").removeClass("has-error");
		$("#campoFechaPublicacion").removeClass("has-error");
		$("#campoNombre").removeClass("has-error");
		
		//Formulario de la segunda pestaña
		$("#campoNombreContenidoEducativo").removeClass("has-error");
		
		//Muestro la pantalla principal
		$("#cuerpoPrincipal").removeClass("in active");
		$("#cuerpoAgregarContenidoEducativo").removeClass("in active");
		$("#cuerpoContenidoEducativo").removeClass("in active");
		
		$("#tabPrincipal").removeClass("active");
		$("#tabAgregarContenidoEducativo").removeClass("active");
		$("#tabContenidoEducativo").removeClass("active");
		
		$("#cuerpoPrincipal").addClass("in active");
		$("#tabPrincipal").addClass("active");
		
		//Le damos el foco al primer campo a completar
		$("#cicloLectivo").focus();
	}else{
		alert("Por favor, ingrese todos los datos de la clase que desea crear.");
		
		//Marcamos todos los campos imcompletos para que sea mas facil de visualizar.
		if(asignatura.value == "0") $("#campoAsignatura").addClass("has-error"); else $("#campoAsignatura").removeClass("has-error");
		if(fechaPublicacion.value == "") $("#campoFechaPublicacion").addClass("has-error"); else $("#campoFechaPublicacion").removeClass("has-error");
		if(nombre.value == "") $("#campoNombre").addClass("has-error"); else $("#campoNombre").removeClass("has-error");
		
		//Si falto algun dato de cargar en la pantalla principal lo mostramos
		if(asignatura.value=="0" || fechaPublicacion.value=="" || nombre.value==""){
			//Muestro la pantalla principal
			$("#cuerpoPrincipal").removeClass("in active");
			$("#cuerpoAgregarContenidoEducativo").removeClass("in active");
			$("#cuerpoContenidoEducativo").removeClass("in active");
			
			$("#tabPrincipal").removeClass("active");
			$("#tabAgregarContenidoEducativo").removeClass("active");
			$("#tabContenidoEducativo").removeClass("active");
			
			$("#cuerpoPrincipal").addClass("in active");
			$("#tabPrincipal").addClass("active");
		}
	}
}

//Este metodo se llama cuando se tiene que modificar una clase
function modificarClase(){
	//Formulario de la primer pestaña - Crear Clase
	var cicloLectivo = document.getElementById("cicloLectivo");	
	var asignatura = document.getElementById("asignatura");	
	var fechaPublicacion = document.getElementById("fechaPublicacion");	
	var nombre = document.getElementById("nombre");	
	var descripcion = document.getElementById("descripcion");
	var estado = document.getElementById("estado");
	
	//Formulario de la segunda pestaña - Crear Contenido
	var nombreContenidoEducativo = document.getElementById("nombreContenidoEducativo");	
	var archivo = document.getElementById("archivo");
	var descripcionContenidoEducativo = document.getElementById("descripcionContenidoEducativo");
	
	//Tabla de la tercer pestaña - Consultar contenido
	var tabla = document.getElementById("tabla-contenidos-educativos");
	
	if(asignatura.value!="0" && fechaPublicacion.value!="" && nombre.value!=""){
		//Enviamos el formulario al servidor para que se procese la transaccion
		var formulario = document.getElementById("formClase");
		formulario.submit();
		
		//Si habia algun campo marcado como incompleto lo ponemos a la normalidad		
		//Formulario de la primer pestaña
		$("#campoCicloLectivo").removeClass("has-error");
		$("#campoAsignatura").removeClass("has-error");
		$("#campoFechaPublicacion").removeClass("has-error");
		$("#campoNombre").removeClass("has-error");
		
		//Le damos el foco al primer campo a completar
		$("#cicloLectivo").focus();
	}else{
		alert("Por favor, ingrese todos los datos de la clase que desea modificar.");
		
		//Marcamos todos los campos imcompletos para que sea mas facil de visualizar.
		if(asignatura.value == "0") $("#campoAsignatura").addClass("has-error"); else $("#campoAsignatura").removeClass("has-error");
		if(fechaPublicacion.value == "") $("#campoFechaPublicacion").addClass("has-error"); else $("#campoFechaPublicacion").removeClass("has-error");
		if(nombre.value == "") $("#campoNombre").addClass("has-error"); else $("#campoNombre").removeClass("has-error");
	}
}